<template>
  <div class="button">
    <button><slot name='btn'>默认值：按钮</slot></button>

    <slot name='one' :data1="data1">默认值1</slot>
    <slot :data2="data2">默认值2</slot>

    <!-- <br> -->
    <!-- <a href="">
      <slot name="one"> 这就是默认值1</slot>
    </a><br>
    <a href="">
      <slot name="two"> 这就是默认值2 </slot>
    </a><br>
    <a href="">
      <slot name="three"> 这就是默认值3 </slot>
    </a> -->

    <!-- <slot name="one"> 这就是默认值1</slot>
<slot name="two"> 这就是默认值2 </slot>
<slot name="three"> 这就是默认值3 </slot> -->
  </div>
</template>

<script>
export default {
  name: "Ebutton",
  data() {
    return {
      data1: 'data1111',
      data2: 'data2222'
    }
  }
};
</script>

<style>
</style>